<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<title>Zadacha 3 Forms</title>
	<link rel="stylesheet" href="css/style3.css"/>
</head>

<body>

	<form method="post" action="ne6tosi.php">
		
		<table border="1px" cellspacing="0" cellpadding="0">
			
			<thead >
				<tr id="header1">
					<th colspan="6">
						Drag a column header and drop it here to group by that column
					</th>
				</tr>
				
				<tr id="header2">
					<th>
						<label for="ProductID">ProductID</label>
					</th>
					
					<th>
						<label for="ProductName">Product Nmae</label>
					</th>
					
					<th>
						<label for="Unprice">Unit price</label>
					</th>
					
					<th>
						<label for="Qualirtun">Quality per unit</label>
					</th>
					
					<th>
						<label for="Unstock">Units in stock</label>
					</th>
					
					<th>
						<label for="Discount">Discountinued</label>
					</th>
				</tr>
				
				<tr id="header3">
				
					<th>
						<input type="text" name="ProductID" id="ProductID"/>
					</th>
					
					<th>
						<input type="text" name="ProductName" id="ProductNmae"/>
					</th>
					
					<th>
						<input type="text" name="Unprice" id="Unprice"/>
						<input type="image"  src="images/button.png" alt="Filtter" width="30px" class="fillter"/>
					</th>
					
					<th>
						<input type="text" name="Qualirtun" id="Qualirtun"/>
					</th>
					
					<th>
						<input type="text" name="Unstock" id="Unstock"/>
						<input type="image" src="images/button.png" alt="Filtter" width="30px" class="fillter"/>
					</th>
					
					<th>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
						<input type="image" src="images/button.png" alt="Filtter" width="30px" class="fillter"/>
					</th>
					
					
				</tr>
			</thead>

			<tfoot>
				<tr>
					<td colspan="6">
						
						<input type="image" src="images/arrow-left-1.jpg" width="30px" name="" value="">
						<input type="image" src="images/arrow-left-2.jpg" width="30px" name="" value="">
						
						<span id="nav">	
							<a href="#" title="Page1">1</a>
							<a href="#" title="Page2">2</a>
							<a href="#" title="Page3">3</a>
							<a href="#" title="Page4">4</a>
							<a href="#" title="Page5">5</a>
							<a href="#" title="Page6">6</a>
							<a href="#" title="Page7">7</a>
							<a href="#" title="Page8">8</a>
							<a href="#" title="Page9">9</a>
							<a href="#" title="Page10">10</a>
							<span>...</span>
						</span>	
					
						<input type="image" src="images/arrow-right-2.jpg" width="30"/ name="" value="">
						<input type="image" src="images/arrow-right-1.jpg" width="30"/ name="" value="">
						
						<label for="Pagesize">Page size</label>
						<select name="Page size" id="Pagesize">
							<option value="10" selected="selected">10</option>
							<option value="10">15</option>
							<option value="10">20</option>
						</select>
						
						<span>335104 items in 33551 pages</span>
						
						
					</td>
				</tr>
			</tfoot>
			
			<tbody>
				<tr>
					<td>1</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>2</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>3</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>4</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>5</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>6</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>7</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>8</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>9</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				<tr>
					<td>10</td>
					<td>Chai</td>
					<td>18$</td>
					<td>10boxesx20begs</td>
					<td>36</td>
					<td>
						<input type="checkbox" name="Discount" class="Discount" value="checked"/>
					</td>
				</tr>
				
				
			</tbody>
			
		</table>
		
	</form>
	
</body>

</html>